import {
  StackNavigator,
  TabNavigator,
} from 'react-navigation';

import List from './pages/List';
import Detail from './pages/Detail';
import Mine from './pages/Mine';
import ShopCar from './pages/ShopCar';
import IntrouduceMobx from './pages/1-introuduce-mobx';
import Counter from './pages/2-counter';
import ToDoList from './pages/3-todo-list';
import LoginForm from './pages/4-login-form';

const MyTab = TabNavigator({
  Mine: { screen: Mine },
  ShopCar: { screen: ShopCar },
  List: { screen: List },
});
const Shopping = StackNavigator({
  MyTab: { screen: MyTab },
  Detail: { screen: Detail },
  ShopCar: { screen: ShopCar },
  IntrouduceMobx: { screen: IntrouduceMobx },
  Counter: { screen: Counter },
  ToDoList: { screen: ToDoList },
  LoginForm: { screen: LoginForm },
});

export default Shopping;